<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="__PUBLIC__/home/css/bootstrap.min.css">
	<link rel="stylesheet" href="__PUBLIC__/home/css/common.css">
	<link rel="stylesheet" href="__PUBLIC__/home/css/index.css">
	<script src="__PUBLIC__/home/js/jquery.min.js"></script>
	<script src="__PUBLIC__/home/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/home/js/jquery.nav.js"></script>
	<script src="__PUBLIC__/home/js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
<!-- 头部开始 --> 
<div class="wrap">
	<nav class="navbar navbar-default">
		<div class="container-fluid container">
			<div class="navbar-header header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand logo" href="index.html">
					<img src="__PUBLIC__/home/images/logo.png" alt="logo">
					<span>奥骞网络科技有限公司</span>
				</a>
			</div>
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li class="current"><a href="{:U('Index/index')}">首&nbsp;&nbsp;页</a></li>
					<li><a href="{:U('AboutUs/aboutUs')}">公司介绍</a></li>
					<li><a href="{:U('Class/index')}">培训课程</a></li>
					<li><a href="{:U('Example/example')}">案例展示</a></li>
					<li><a href="{:U('News/news')}">新闻资讯</a></li>
					<li><a href="{:U('ContactUs/contactUs')}">联系我们</a></li>
					<li><a href="{:U('JoinUs/joinUs')}">加入我们</a></li>
					<li><a href="{:U('Article/article')}">文章专栏</a></li>
				</ul>
				<div class="login">
					<a href="{:U('Index/login')}" class="active">登陆</a>
					<a href="{:U('Register/register')}">注册</a>
					<a href="{:U('Admin/Index/index')}">帮助</a>
				</div>
				<form class="navbar-form navbar-left">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="搜索">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>
</div>
<!-- banner开始 -->
<div class="jumbotron">
	<div id="slideBox" class="slideBox">
	    <div class="hd">
	        <ul class="container">
				<?php foreach($bannerlist as $k=>$v){ ?>
				<li></li>
				<?php } ?>
	        </ul>
	    </div>
	    <div class="bd">
	        <ul>
				<?php foreach($bannerlist as $k=>$v){ ?>
				<img src="<?php echo $v['imgurl']?>" alt="">
				<?php } ?>
				<?php for($i=0;$i<count($bannerlist);$i++){ ?>
				<?php } ?>
	        </ul>
		</div>
	</div>
</div>
<!-- banner结束 -->
<!-- 头部结束 -->

<ul class="subnav">
	<li id="consult-btn">咨询服务</li>
    <li id="help-btn">帮助</li>
    <li id="btn"><a href="#">回到顶部</a></li>
</ul>
<ul class="subnsv-content">
    <li class="subnsv-content-head">客服QQ及电话</li>
    <li class="subnsv-content-consult">客服QQ : 123456789<a href="#"><img src="__PUBLIC__/home/images/QQ.png"/><span>在线咨询</span></a></li>
    <li class="subnsv-content-call">客服电话 ; 123 4564 7895</li>
    <li class="subnsv-content-time">周一至周五 : 9 : 00 — 18 : 00</li>
</ul>
<ul class="subnsv-content-help">
    <li class="subnsv-content-head">客服QQ及电话</li>
    <li class="subnsv-content-consult">客服QQ : 123456789<a href="#"><img src="__PUBLIC__/home/images/QQ.png"/><span>在线咨询</span></a></li>
    <li class="subnsv-content-call">客服电话 ; 123 4564 7895</li>
    <li class="subnsv-content-time">周一至周五 : 9 : 00 — 18 : 00</li>
</ul>
<!-- 内容开始 -->
<!-- 产品优势开始 -->
<div class="bgd">
	<div class="container">
		<div class="row text-center">
			<div class="row product-superiority-head">
				<h1>我们的优势/<span>WHAT WE KAN DO</span></h1>
				<p>重庆奥骞网络科技致力于为互联网人才及互联网企业提供最优质的服务，推动中国互联网产业的持续快速发展。</p>
			</div>
			<div class="row product-superiority-body">
				<div class="col-xs-4 exploit ">
					<img src="__PUBLIC__/home/images/computer.png" alt="">
					<h2>品牌网站设计</h2>
					<p>借助开源，兼顾整体规划，擅长企业品牌与产品
	  				   品牌的融合；风格创意，使用高端用户，
					   冲破视觉冲击力整合企业形象
					</p>
					<a href="#">查看更多></a>
				</div>
				<div class="col-xs-4 exploit ">
					<img src="__PUBLIC__/home/images/phone.png" alt="">
					<h2>微官微网站开发</h2>
					<p>技术超群，构建灵活，高效完成整体布局；设计
		    		   新颖，品牌突出，网站制作效果出众；高端
		               网站设计浏览便捷。
					</p>
					<a href="#">查看更多></a>
				</div>
				<div class="col-xs-4 exploit ">
					<img src="__PUBLIC__/home/images/iPad.png" alt="">
					<h2>移动应用开发</h2>
					<p>提供为移动设备、平板电脑、移动产品、企业OA
		   			   系统等交互流程及界面设计服务包括Android、
		               IOS、Win等多平台。
					</p>
					<a href="#">查看更多></a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 产品优势结束 -->
<!-- 课程体系 -->
<div class="Curriculum-bgd">
	<div class="container text-center">
		<div class="row Curriculum-top">
		<h2>课程体系</h2>
		<p>CURRICULUM</p>
		</div>
		<div class="row">
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/UI.png" alt="UI">
					<p>UI</p>
				</a>
			</div>
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/java.png" alt="java">
					<p>java</p>
				</a>
			</div>
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/H5.png" alt="H5">
					<p>H5</p>
				</a>
			</div>
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/ISO.png" alt="ISO">
					<p>ISO</p>
				</a>
			</div>
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/AD.png" alt="AD">
					<p>安卓</p>
				</a>
			</div>
			<div class="col-sm-2 col-xs-4 Curriculum">
				<a href="#" >
					<img src="__PUBLIC__/home/images/BD.png" alt="BD">
					<p>大数据</p>
				</a>
			</div>
		</div>
	</div>
</div>
<!-- 课程体系结束 -->
<!-- 项目展示 -->
<div class="Projects-show">
	<div class="container text-center">
		<h1 class="project-show">项目展示/<span>PROJECT SHOW</span></h1>
		<div class="row">
			<div class="col-md-6">
				<ul class="Projects-left">
					<foreach name="UIprojectlist" item="v" >
						<li class="col-sm-4 col-xs-6">
	                		<a href="{:U('Example/example')}">
	                			<img src="<?php echo $v['imgurl']?>">
	                		</a>
						</li>
					</foreach>
				</ul>
				<div class="col-sm-12 Projects-left-botton text-right">
					<p>聚焦UI 无设计 不生活</p>
					<a href="#">查看更多></a>
				</div>
			</div>
			<div class="col-md-6">
				<ul class="Projects-right">
					<foreach name="HTML5projectlist" item="v" >
						<li class="col-sm-4 col-xs-6">
	                		<a href="{:U('Example/example')}">
	                			<img src="<?php echo $v['imgurl']?>">
	                		</a>
						</li>
					</foreach>
				</ul>
				<div class="col-sm-12 Projects-right-botton text-right">
					<p>看数据 HTML5 前沿科技</p>
					<a href="#">查看更多></a>
				</div>
			</div>	
		</div>
	</div>
</div>
<!-- 项目展示结束 -->
<!-- 新闻资讯 -->
<div class="news-bgd">
	<div class="container">
		<div class="row news">
			<div class="text-center news-head">
				<h2>新闻资讯</h2>
				<p>NEWS INFORMATION</p>
			</div>
			<div class="col-md-10">
				<!-- PHP循环 -->
				<foreach name="newsData" item="v" key="k" >
					<div class="col-md-12 news-matter">
						<div class="col-md-4">
							<img src="{$v['imgurl']}" alt="">
						</div>
						<div class="col-md-8 news-matter-right">
							<h3><a href="{:U('News/news')}">{$v['newstitle']}</a></h3>
							<p><?php echo mb_substr($v['newscontent'],0,80,"UTF-8"); ?> ... ... <a href="{:U('News/news')}">more</a></p>
						</div>
					</div>
				</foreach>
			</div>
			<div class="pic col-md-2">
				<img src="__PUBLIC__/home/images/pic.jpg" alt="">
				<div class="pic-txt">
					<h5>埃里克积分诶</h5>
					<p>暂时离开房间十大了房价加速度李开复反而</p>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 新闻资讯结束 -->
<!-- 公司荣誉 -->
<div class="honor-bgd">
	<div class="container">
		<div class="row honor">
			<h1 class="text-center">公司荣誉/<span>GLORIES OF COMPANY</span></h1>
			<div class="honor-lift col-sm-3">
				<img src="__PUBLIC__/home/images/honor-pic.png" alt="">
			</div>
			<ul class="honor-right col-sm-9">
			    <for start="0" end="6" name="i">
			    	<li>{$wdat[$i]['wdate']},{$ronnu[$i]['content']}</li>
			    </for>
				
			</ul>
		</div>
	</div>
</div>
<!-- 公司荣誉结束 -->
<!-- 联系我们 -->
<div class="container">
	<div class="row contact-companion">
		<div class="row col-sm-6 contact">
			<div class="col-sm-3 text-left contact-left">
				<p class="col-sm-6 text-center">CONTACTUS</p>
				<h1 class="col-sm-6 text-center">联系我们</h1>
			</div>
			<div class="col-sm-9 contact-right">
				<ul class="row">
					<li class="col-xs-4"><img src="__PUBLIC__/home/images/qr.jpg"></li>
					<li class="col-xs-4"><img src="__PUBLIC__/home/images/qr.jpg"></li>
					<li class="col-xs-4"><img src="__PUBLIC__/home/images/qr.jpg"></li>
				</ul>
				<ul class="row contact-right-botton">
					<li>023-6537-1995</li>
					<li>173-1821-8552</li>
					<li>网址：www.aqwlkj.cn 重庆人力资源市场网址：www.cqrlzy.xyz</li>
					<li>微信： 81751268  QQ：81751268 邮箱：81751268@qq.com</li>
				</ul>
			</div>
		</div>
		<div class="col-sm-6 companion">
			<div class="col-sm-3 text-left companion-left">
				<p class="col-sm-6 text-center">COMPANION</p>
				<h1 class="col-sm-6 text-center">合作伙伴</h1>
			</div>
			<div class="col-sm-9 companion-right text-center">
				<ul class="row">
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/Tmall.png">
							<p>天猫</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/iphone.png">
							<p>苹果</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/QIY.png">
							<p>爱奇艺</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/tv.png">
							<p>cctv</p>
						</a>
					</li>
				</ul>
				<ul class="row">
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/Tmall.png">
							<p>天猫</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/iphone.png">
							<p>苹果</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/QIY.png">
							<p>爱奇艺</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/tv.png">
							<p>cctv</p>
						</a>
					</li>
				</ul>
				<ul class="row">
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/Tmall.png">
							<p>天猫</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/iphone.png">
							<p>苹果</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/QIY.png">
							<p>爱奇艺</p>
						</a>
					</li>
					<li class="col-xs-3">
						<a href="#">
							<img src="__PUBLIC__/home/images/tv.png">
							<p>cctv</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 联系我们结束 -->
<!-- 内容结束 -->

<!-- 尾部开始 -->
<div class="container-fluid footer-wrap">
	<div class="container">
		<ul class="footer">
			<li>奥骞网络科技，咨询:17318218552，企业合作：17318218221</li>
			<li>版权所有：重庆奥骞网络科技有限公司  川ICP备15032603号-2：</li>
			<li>技术支持：奥骞网络</li>
		</ul>
	</div>
</div>
<!-- 尾部结束 -->
</body>
<!-- 字体 -->
<script>
	$(function(){
		//alert();
		changefontsize();
		$(window).resize(function(){
			changefontsize();
		});

		$('#nav').onePageNav({              //单页平滑导航插件
        begin:function(){
            if ($("#list_btn").css("display")=="block"){
                $("#list_btn").click();   //当按钮显示时，在执行动作之前给#list_btn一个直接点击事件，关闭按钮
            	}
        	},
    	});
	});

	function changefontsize(){
		var fontsize='';
		var screenwidth=$(window).width();
		//alert(screenwidth);
		fontsize=screenwidth*0.01167;
		$('body,html').css("font-size",fontsize+'px');
	};
</script>
<!-- 轮播插件 -->
<script>
	jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});			 
</script>
<!-- 侧边导航 -->
<script>
	$(function(){
		$("#consult-btn").on("click",function(){
			$(".subnsv-content").toggle();
			$(this).toggleClass("active");
			$(this).siblings().removeClass("active")
			$(".subnsv-content").siblings(".subnsv-content-help").hide();
		});
		$("#help-btn").on("click",function(){
			$(".subnsv-content-help").toggle();
			$(this).toggleClass("active");
			$(this).siblings().removeClass("active")
			$(".subnsv-content-help").siblings(".subnsv-content").hide();
		});
	})		 
</script>
</html>